The website header is a branded strip that offers a simple way to connect all of our sites and lets users know where they are at all times. The top banner brands your page as part of UMass Amherst, links your page to the UMass Amherst home page, and provides access to the UMass Amherst calls to action and sitewide search.

In order to provide a consistent user experience across all of our university properties, the top banner should correspond to the banner found at www.umass.edu/brand. Our guidelines require that there be no changes in width, color, font size or element positioning.

Top banner design will utilize the full name of the university as a white wordmark on UMass maroon background. Calls to action links will be white.

University MarCom Group has developed a Drupal module that can provide a drop-in replacement for your existing top banner. Contact us for details.

Desktop version: 

Mobile version will substitute the short wordmark:

For the mobile version, the global menu links will appear within the site “hamburger” menu. Site-specific mobile navigation should appear lower on the screen, below any wordmark, and should not have a "hamburger" menu to avoid confusion with the global menu links. Instead, site navigation should bear the title "Menu."